    .top_banner {
        height: 300px;
        background: #838990 url(../imgs/banner-top.png) center center no-repeat;
        background-size: 1920px 300px;
    }
    
    .top_banner>.container {
        position: relative;
        height: 100%;
    }
    
    .solgan {
        position: absolute;
        top: 85px;
        left: 0;
        width: 590px;
        height: 97px;
        background: url(../imgs/slogan.png) center center no-repeat;
        background-size: contain;
    }
    
    .slider_img {
        position: absolute;
        right: 0;
        bottom: 35px;
        display: inline-block;
        width: 400px;
        height: 230px;
        overflow: hidden;
    }
    
    .slider_img img {
        width: 100%;
        display: block;
    }
    
    .over_area ul {
        display: flex;
        justify-content: space-between;
    }
    
    .over_area li {
        width: 194px;
        height: 80;
        position: relative;
    }
    
    .over_area li:hover .model {
        display: block;
    }
    
    .over_area li img {
        width: 100%;
        display: block;
    }
    
    .model {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .3);
        display: none;
        transition: all linear .3s;
    }
    
    .jobs_title {
        margin-top: 70px;
        font-size: 15px;
        font-weight: 500;
        color: #414a60;
        line-height: 20px;
        margin-bottom: 10px;
        text-align: left;
    }
    
    .city_hide {
        display: inline-block;
        margin-left: 10px;
        position: relative;
    }
    
    .city_text {
        font-size: 13px;
        font-weight: 400;
        color: #19d7c8;
        line-height: 20px;
        display: inline-block;
        cursor: pointer;
    }
    
    .city_hide:hover .city_full {
        display: flex;
    }
    
    .arrow {
        display: inline-block;
        height: 12px;
        width: 12px;
        background: url(../imgs/city-down-arrow.png) no-repeat center;
        background-size: 100% 100%;
        margin-top: 4px;
    }
    
    .city_full {
        display: none;
        position: absolute;
        left: 0;
        top: 20px;
        background: #fff;
        box-shadow: 0 7px 20px 0 rgb(0 0 0 / 7%);
        width: 400px;
        z-index: 10;
        flex-wrap: wrap;
        text-align: center;
    }
    
    .city_full>div {
        width: 100px;
        height: 40px;
        line-height: 40px;
    }
    
    .city_full>div:hover {
        color: #00c2b3;
        background: #f8f9fb;
        box-shadow: 0 0 0 0 rgb(0 0 0 / 50%);
    }
    
    .remen h3 span {
        font-weight: 400;
        font-size: 13px;
        width: 96px;
        margin-bottom: 16px;
    }
    
    .remen {
        margin-bottom: 15px;
        line-height: 34px;
    }
    
    .remen_com ul {
        display: flex;
        flex-wrap: wrap;
    }
    
    .remen_com ul li {
        width: 284px;
        height: 238px;
        margin: 0 10px 15px 0;
        text-align: center;
        background-color: #fff;
    }
    
    .remen_com ul li:hover .name {
        color: #00c2b3;
        transition: all linear .3;
    }
    
    .remen_com ul li p {
        height: 18px;
        line-height: 18px;
        color: #898e9d;
        font-size: 12px;
        display: inline-block;
        white-space: nowrap;
    }
    
    .com_logo {
        margin: 30px 0 0 0;
    }
    
    .name {
        height: 22px;
        line-height: 22px;
        font-size: 16px;
        font-weight: 400;
        margin: 12px 0 10px 0;
        transition: all linear .3;
    }
    
    .com_logo img {
        margin: 0 auto;
        border-radius: 9px;
        width: 60px;
        height: 60px;
        display: block;
    }
    
    .rezhao {
        width: 180px;
        height: 34px;
        color: #61687c;
        line-height: 34px;
        font-size: 12px;
        margin: 15px auto;
        text-align: center;
        border: 1px solid #e3e7ed;
    }
    
    .rezhao span {
        color: #00c2b3;
    }
    
    .center_banner {
        margin-top: 50px;
        height: 128px;
        background: url(../imgs/banner-center.png) center center no-repeat;
        background-size: contain;
    }
    
    .article {
        margin: 45px 0;
    }
    
    .article_bar {
        text-align: center;
        line-height: 50px;
        height: 50px;
        background-color: #fff;
    }
    
    .article_bar a {
        margin-left: 70px;
        position: relative;
        height: 50px;
        line-height: 50px;
        display: inline-block;
        color: #414a60;
    }
    
    .article_bar a:hover {
        color: #00c2b3;
        transition: all linear .2s;
    }
    
    .article_bar .a_bottom {
        color: #00c2b3;
        font-weight: 500;
    }
    
    .article_bar .a_bottom::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 3px;
        background: #5dd5c8;
        left: 0;
        bottom: 1px;
    }
    
    .article_more {
        height: 60px;
        line-height: 60px;
        border: 1px #f0f0f0 solid;
        text-align: center;
        color: #bbb;
        font-size: 16px;
        background-color: #fff;
    }
    
    .article_info li {
        padding: 20px;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
    }
    
    .article_img img {
        width: 284px;
        height: 156px;
    }
    
    .article_cont {
        width: 816px;
    }
    
    .article_cont h3 {
        font-size: 20px;
        font-weight: 400;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .article_cont p {
        height: 75px;
        line-height: 25px;
        color: #666;
        padding: 20px 0 0;
        margin-bottom: 15px;
        overflow: hidden;
    }
    /* 搜索栏 */
    
    .search_box {
        width: 934px;
        margin: 0 auto;
        padding-top: 20px;
        font-size: 13px;
        text-align: center;
        box-sizing: border-box;
        position: relative;
    }
    
    .search_box .search_top {
        display: flex;
        justify-content: space-between;
        border: 1px solid #fff;
        align-items: center;
        background-color: #fff;
    }
    
    .search_top .job_box {
        flex: 1;
        display: flex;
        align-items: center;
        box-shadow: 0 0 6px 0 rgb(0 0 0 / 13%);
        height: 50px;
        box-sizing: border-box;
        border: 1px solid #fff;
    }
    
    .search_top .job_box:hover {
        border: 1px solid #54cbc4;
        border-right: none;
    }
    
    .search_top .job_box .job_type {
        position: relative;
        width: 99px;
        padding: 9px 15px 11px;
    }
    
    .search_top .job_box .job_type span {
        font-size: 16px;
        margin-left: -35px;
        display: inline-block;
        width: 80px;
        white-space: nowrap;
        color: #61687c;
        user-select: none;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .search_top .job_box .job_type i {
        position: absolute;
        top: 11px;
        right: 10px;
        width: 16px;
        height: 16px;
        display: inline-block;
        background-image: url(../imgs/icons.png);
        background-repeat: no-repeat;
        background-position: 0 -2044px;
    }
    
    .search_top .job_box .job_search {
        flex: 1;
    }
    
    .search_top .job_box .job_search input {
        width: 100%;
        font-size: 16px;
        padding: 0 0 0 20px;
        outline: none;
        border: none;
        box-sizing: border-box;
    }
    
    .search_top .search_btn {
        height: 50px;
        line-height: 50px;
        background-image: none;
        font-size: 16px;
        width: 140px;
        background-color: #5dd5c8;
        user-select: none;
        cursor: pointer;
        color: #fff;
    }
    
    .search_top .search_btn:hover {
        background-color: #6adbcf;
    }
    
    .hide_job {
        width: 506px;
        height: 250px;
        display: flex;
        justify-content: space-evenly;
        position: absolute;
        top: 71px;
        left: 0;
        display: none;
        z-index: 100;
    }
    
    .hide_job>div {
        flex: 1;
        overflow-y: scroll;
        box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
        background-color: #fff;
    }
    
    .hide_job>div ul li {
        height: 42px;
        padding: 0 15px;
        text-align: left;
        line-height: 42px;
        color: #8d92a1;
    }
    
    .hide_job .hide_right {
        visibility: hidden;
    }
    
    .selected {
        background-color: #f2f5f9;
        -webkit-transition: all linear .2s;
        transition: all linear .2s;
    }
    /* 搜索栏 */